<template>
	<view class="container">
		<TopBtn :title="'通知详情'"></TopBtn>
		<view class="info">
			<view class="title">
				{{data.title}}
			</view>
			<view class="time">
				<uni-dateformat :date="data.createTime" format="yyyy-MM-dd hh:mm"></uni-dateformat>
			</view>
			<view class="text">
				{{data.content}}
			</view>
		</view>
	</view>
</template>

<script>
	import {
		notifyMessageGet
	} from '@/api/user'
	export default {
		data() {
			return {
				data: {},
				id: ""
			};
		},
		onLoad(e) {
			this.id = e.id
			this.notifyMessageGet()
		},
		methods: {
			notifyMessageGet() {
				notifyMessageGet({
					id: this.id
				}).then(res => {
					this.data = res.data
				})
			},
			add() {
				uni.navigateTo({
					url: `/pages/my/addBank/addBank`,
				})
			},
		}
	}
</script>

<style lang="less" scoped>
	.container {
		.info {
			padding: 30rpx 50rpx;
			box-sizing: border-box;
		}

		.title {
			font-weight: bold;
			font-size: 34rpx;
			color: #333333;
		}

		.time {
			font-weight: 500;
			font-size: 22rpx;
			color: #999999;
			margin: 10rpx 0 25rpx;
		}

		.text {
			font-weight: 500;
			font-size: 28rpx;
			color: #999999;
		}
	}
</style>